<template>
  <div class="twoStageWindow">
  	<div class="twoStageWindowTitle" v-if="detailType!='weihu'&&detailType!='weixiu'&&detailType!='jianding'&&detailType!='hecha'">
      <span v-if="eqEditOrNew=='new'">
        添加仪器
      </span>
      <span v-else>
        仪器详情
      </span>
      <span v-if="eqEditOrNew!='new'" style="color:#4f9cfe;">离子色谱仪</span>
      <!-- tab切换按钮 -->
  		<div class="twoStageWindowClose"  >
  			<el-button v-if="eqEditOrNew!='look'" size="mini" type="primary" v-on:click="newTask" >{{eqEditOrNew=='new'?'添加仪器':'修改仪器'}}</el-button>
  			<el-button size="mini" v-on:click="close">取消</el-button>
  		</div>
  	</div>
    <div class="containerconte nt" style="min-height:100%;padding-top: 0;">
      <div style="padding-top:20px;">
        <div v-if="detailType=='mostBasic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='basicInfo'}" v-on:click="nowTab='basicInfo'" >
          基础信息
        </div>
         <div v-if="detailType=='weihu'||eqEditOrNew=='look'" :class="{'tabName':true,'activeTab':nowTab=='maintainRecord'}" v-on:click="nowTab='maintainRecord'" >
          保养记录
        </div>
        <div v-if="detailType=='jianding'||eqEditOrNew=='look'" :class="{'tabName':true,'activeTab':nowTab=='checkRecord'}" v-on:click="nowTab='checkRecord'" >
          检定校准记录
        </div>
        <div v-if="detailType=='hecha'||eqEditOrNew=='look'" :class="{'tabName':true,'activeTab':nowTab=='periodCheckRecord'}" v-on:click="nowTab='periodCheckRecord'" >
          期间核查记录
        </div>
        
        <div v-if="detailType=='mostBasic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='periodicityPlan'}" v-on:click="nowTab='periodicityPlan'" >
          仪器维护计划
        </div>
       
        <div v-if="detailType=='weixiu'||eqEditOrNew=='look'" :class="{'tabName':true,'activeTab':nowTab=='maintenanceRecord'}" v-on:click="nowTab='maintenanceRecord'" >
          维修记录
        </div>
        
        
        <!-- <div v-if="detailType=='basic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='enabledTests'}" v-on:click="nowTab='enabledTests'" >
          能力参数
        </div> -->
        <div v-if="detailType=='mostBasic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='DCU'}" v-on:click="nowTab='DCU'" >
          仪器接口
        </div>
        <div v-if="detailType=='mostBasic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='eqFile'}" v-on:click="nowTab='eqFile'" >
          仪器文档
        </div>
        <div v-if="detailType=='useRecord'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='useRecord'}" v-on:click="nowTab='useRecord'" >
          使用记录
        </div>
        <div v-if="detailType=='curve'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='calibrationCurve'}" v-on:click="nowTab='calibrationCurve'" >
          校准曲线
        </div>
        <div v-if="detailType=='mostBasic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='shyongjianchaxiang'}" v-on:click="nowTab='shyongjianchaxiang'" >
          仪器使用检查项
        </div>
        <div v-if="detailType=='mostBasic'||detailType=='basic'" :class="{'tabName':true,'activeTab':nowTab=='shiyongqianjiancha'}" v-on:click="nowTab='shiyongqianjiancha'" >
          使用前检查
        </div>
      </div>
      <div :style="{'border': '1px solid #b7b7b7','min-height':tabDivMinHeight+'px','padding':'0 20px 20px 0'}">
        <!-- 基础信息内容 -->
        <div v-if="nowTab=='basicInfo'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  名称：
                </div>
                 <div class="inlineblock verticalmiddle informationItem">
                     <el-select v-model="yiqiname" placeholder="请选择" size="mini">
                        <el-option
                          v-for="item in zhufuyiqi"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                     </el-select>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  编号：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                 类型：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-select v-if="eqType=='main'" v-model="mainEquipTypeValue" placeholder="请选择" size="mini">
                      <el-option
                        v-for="item in mainEquipType"
                        :key="item.mainEquipTypeID"
                        :label="item.mainEquipTypeName"
                        :value="item.mainEquipTypeID">
                      </el-option>
                    </el-select>
                    <el-select v-if="eqType=='front'" v-model="frontEquipTypeValue" placeholder="请选择" size="mini">
                      <el-option
                        v-for="item in frontEquipType"
                        :key="item.frontEquipTypeID"
                        :label="item.frontEquipTypeName"
                        :value="item.frontEquipTypeID">
                      </el-option>
                    </el-select>
                </div>
            </div>
            <!--<div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  主/辅仪器：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-select v-model="zhufuyiqiValue" placeholder="请选择" size="mini">
                        <el-option
                          v-for="item in zhufuyiqi"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                     </el-select>
                </div>
            </div>-->
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  使用前检查：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-select v-model="yesornoValue" placeholder="请选择" size="mini">
                        <el-option
                          v-for="item in yesorno"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                     </el-select>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  规格型号：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  出厂编号：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  出厂日期：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-date-picker
                        v-model="factoryDate"
                        type="date"
                        size="mini"
                        style="width:100%"
                        placeholder="选择日期">
                     </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  购买日期：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                        v-model="purchaseDate"
                        type="date"
                        size="mini"
                        style="width:100%"
                        placeholder="选择日期">
                     </el-date-picker>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  价格（万元）：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  位置：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  供应商：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-select v-model="supplierTableDateValue" placeholder="请选择" size="mini">
                        <el-option
                          v-for="item in supplierTableDate"
                          :key="item.supplierID"
                          :label="item.supplierName"
                          :value="item.supplierID">
                        </el-option>
                     </el-select>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  制造商：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
            
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  分组：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                     <el-select v-model="groupValue" placeholder="请选择" size="mini">
                        <el-option
                          v-for="item in peopleGroup"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                        </el-option>
                     </el-select>
                </div>
            </div>
          </div>
          <div class="" style="padding: 0px 20px 0 20px;" v-if="detailType!='mostBasic'">
              <div style="padding:20px 0;">
                  承担的能力参数
              </div>
              <div>
                  <el-table
                    :data="abilityTableDate"
                    style="width: 100%"
                    :height="150"
                    size="mini"
                    border
                    key="abilityTableDate"
                    ref="standardTable"
                    >
                    <el-table-column
                      label="序号"
                      min-width="50px"
                      >
                      <template slot-scope="scope">
                        {{scope.$index+1}}
                      </template>  
                    </el-table-column>
                    <el-table-column
                      property="abilityName"
                      label="能力参数"
                      min-width="100px">
                    </el-table-column>
                    <el-table-column
                      property="typeofAbilityName"
                      label="检测项目分组"
                      min-width="100px">
                    </el-table-column>
                    <el-table-column
                      property="abilityMethod"
                      label="方法"
                      min-width="100px">
                    </el-table-column>
                    <!--<el-table-column
                      property="reportName"
                      label="报告名"
                      min-width="100px">
                    </el-table-column>-->
                    <el-table-column
                      property="mainEquipName"
                      label="主仪器"
                      min-width="100px">
                    </el-table-column>
                    <el-table-column
                      property="frontEquipName"
                      label="辅助仪器"
                      min-width="100px">
                    </el-table-column>
                </el-table>
                <div class="block changepages">
                  <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-sizes="[100, 200, 300, 400]"
                    :page-size="100"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="400">
                  </el-pagination>
                </div>
              </div>
          </div>
          <div class="" style="padding: 10px 10px 0 20px;" v-if="yesornoValue=='1'">
              <div style="padding:20px 0;">
                  使用前检查项
                   <el-button style="float:right;" size="mini" type="primary" >添加检查项</el-button>
              </div>
              <div>
                  <el-table
                    :data="frontCheckItems"
                    style="width: 100%"
                    size="mini"
                    border
                    >
                    <el-table-column
                      label="序号"
                      min-width="50px"
                      >
                      <template slot-scope="scope">
                        {{scope.$index+1}}
                      </template>  
                    </el-table-column>
                    <el-table-column
                      property="frontCheckItemsName"
                      label="检查项"
                      min-width="100px">
                    </el-table-column>
                    <el-table-column
                      label="操作"
                      fixed="right"
                      min-width="100px"
                      >
                      <template slot-scope="scope">
                        <el-button type="text" size="mini">删除</el-button>
                      </template>
                    </el-table-column>
                </el-table>
              </div>
          </div>
        </div>
        <!-- 仪器维护计划 -->
        <div v-if="nowTab=='periodicityPlan'">
          <div class="penalrow selectw100">
            保养计划
            <el-button style="position:absolute;right:20px;top: 5px;" size="mini" type="primary" @click="tianjiabaoyangjihua('new')" >添加保养计划</el-button>
          </div>
          <div class="separaterow">
            <el-table
                :data="maintainPlanTableDate"
                style="width: 100%"
                :height="tableHeightD"
                size="mini"
                key="maintainPlanTableDate"
                border
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="maintainPlanName"
                  label="名称"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintainPlanStartTime"
                  label="开始日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintainPlanStartTime"
                  label="结束日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintainPlanPeriodUnit"
                  label="周期"
                  min-width="100px">
                  <template slot-scope="scope">
                    每{{scope.row.maintainPlanPeriodNum+scope.row.maintainPlanPeriodUnit}}一次
                  </template>
                </el-table-column>
                <el-table-column
                  property="maintainPlanItems"
                  label="项目"
                  min-width="200px">
                  <template slot-scope="scope">
                    <span v-for="(item,index) in scope.row.maintainPlanItems">{{item.itemsName+((index+1)==scope.row.maintainPlanItems.length?'':'、')}}</span>
                  </template>
                </el-table-column>
                <el-table-column
                property="maintainPlanStatus"
                label="计划状态"
                min-width="120px"
                >
                 <!-- <template slot-scope="scope">
                   <el-select v-model="maintainPlanTableDate[scope.$index].maintainPlanStatus" placeholder="筛选批状态" size="mini" style="width:100px;" @change="changeMaintainPlanStatus(scope.row)" :class="maintainPlanTableDate[scope.$index].maintainPlanStatus==0?'backDisabled':'backEnabled'"
                   disabled>
                      <el-option
                        v-for="item in enableStatus"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                  </el-select>
                 </template> -->
              </el-table-column>
                <el-table-column
                  label="操作"
                  fixed="right"
                  min-width="100px"
                  >
                  <template slot-scope="scope">
                    <el-button v-if="scope.row.maintainPlanStatus=='启用'" @click="tianjiabaoyangjihua('shenhe')" type="text" size="mini">启用</el-button>
                    <el-button v-if="scope.row.maintainPlanStatus=='草稿'" @click="tianjiabaoyangjihua('edit')" type="text" size="mini">编辑</el-button>
                    <el-button v-if="scope.row.maintainPlanStatus=='停用'"  type="text" size="mini">停用</el-button>
                    <el-button  type="text" size="mini">删除</el-button>
                    
                  </template>
                </el-table-column>
            </el-table>
          </div>
          <div class="penalrow selectw100">
            检定校准计划
            <el-button style="position:absolute;right:20px;top: 5px;" size="mini" type="primary" @click="tianjiajiandingjihua('new')">添加检定校准计划</el-button>
          </div>
          <div class="separaterow">
            <el-table
                :data="checkPlanTableDate"
                style="width: 100%"
                :height="tableHeightD"
                size="mini"
                key="checkPlanTableDate"
                border
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="checkPlanName"
                  label="名称"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="checkPlanStartTime"
                  label="开始日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="checkPlanStartTime"
                  label="结束日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="checkPlanPeriodUnit"
                  label="周期"
                  min-width="100px">
                  <template slot-scope="scope">
                    每{{scope.row.checkPlanPeriodNum+scope.row.checkPlanPeriodUnit}}一次
                  </template>
                </el-table-column>
                <el-table-column
                  property="checkPlanItems"
                  label="要求"
                  min-width="200px">
                </el-table-column>
                <el-table-column
                property="checkPlanStatus"
                label="状态"
                min-width="120px"
                >
              </el-table-column>
                <el-table-column
                  label="操作"
                  fixed="right"
                  min-width="100px"
                  >
                  <template slot-scope="scope">
                    <el-button v-if="scope.row.checkPlanStatus=='草稿'" @click="tianjiajiandingjihua('edit')" type="text" size="mini">编辑</el-button>
                    <el-button v-if="scope.row.checkPlanStatus=='启用'" @click="tianjiajiandingjihua('shenhe')" type="text" size="mini">启用</el-button>
                     <el-button v-if="scope.row.checkPlanStatus=='停用'" @click="scope.row.checkPlanStatus='草稿'" type="text" size="mini">停用</el-button>
                    <el-button type="text" size="mini">删除</el-button>
                  </template>
                </el-table-column>
            </el-table>
          </div>
          <div class="penalrow selectw100">
            期间核查计划
            <el-button style="position:absolute;right:20px;top: 5px;" size="mini" type="primary" @click="qijianhechajihua('new')" >添加期间核查计划</el-button>
          </div>
          <div class="separaterow">
            <el-table
                :data="periodCheckPlanTableDate"
                style="width: 100%"
                :height="tableHeightD"
                size="mini"
                border
                key="periodCheckPlanTableDate"
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="periodCheckPlanName"
                  label="名称"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="periodCheckPlanStartTime"
                  label="日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="periodCheckPlanStartTime"
                  label="日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="periodCheckPlanPeriodUnit"
                  label="周期"
                  min-width="100px">
                  <template slot-scope="scope">
                    每{{scope.row.periodCheckPlanPeriodNum+scope.row.periodCheckPlanPeriodUnit}}一次
                  </template>
                </el-table-column>
                <el-table-column
                  property="periodCheckPlanItems"
                  label="要求"
                  min-width="200px">
                </el-table-column>
                <el-table-column
                property="periodCheckPlanStatus"
                label="状态"
                min-width="120px"
                >
              </el-table-column>
                <el-table-column
                  label="操作"
                  fixed="right"
                  min-width="100px"
                  >
                  <template slot-scope="scope">
                    <el-button v-if="scope.row.periodCheckPlanStatus=='草稿'" @click="qijianhechajihua('edit')" type="text" size="mini">编辑</el-button>
                    <el-button v-if="scope.row.periodCheckPlanStatus=='启用'" @click="qijianhechajihua('shenhe')" type="text" size="mini">启用</el-button>
                    <el-button v-if="scope.row.periodCheckPlanStatus=='停用'"  type="text" size="mini">停用</el-button>
                    <el-button  type="text" size="mini">删除</el-button>
                  </template>
                </el-table-column>
            </el-table>
          </div>
        </div>
        <!-- 维修记录 -->
        <div v-if="nowTab=='maintenanceRecord'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  开始日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          v-model="batchcreatetimestart"
                          type="date"
                          placeholder="选择起始日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  结束日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          :picker-options="pickerenddatefanwei"
                          v-model="batchcreatetimeend"
                          type="date"
                          placeholder="选择结束日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="basicRightDistanceA" style="position:absolute;">
                <el-button type="primary" size="mini">搜索</el-button>
              <el-button v-if="detailType=='weixiu'" type="primary" size="mini" @click='addRecord'>添加维修记录</el-button>
              
            </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="maintenanceRecordTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="maintenanceRecordTableDate"
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                 <el-table-column
                  label="仪器"
                  min-width="50px"
                  property="yiqiName"
                  >
                   
                </el-table-column>
                <el-table-column
                  label="仪器编号"
                  min-width="50px"
                   property="yiqicode"
                  >
                    
                </el-table-column>
                <el-table-column
                  property="maintenanceRecordTime"
                  label="日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintenanceRecordPerson"
                  label="维修人"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintenanceRecordRemark"
                  label="内容"
                  min-width="100px">
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        
        
        <!-- 维护记录 -->
        <div v-if="nowTab=='maintainRecord'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  开始日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          v-model="batchcreatetimestart"
                          type="date"
                          placeholder="选择起始日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  结束日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          :picker-options="pickerenddatefanwei"
                          v-model="batchcreatetimeend"
                          type="date"
                          placeholder="选择结束日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="basicRightDistanceA" style="position:absolute;">
                <el-button type="primary" size="mini">搜索</el-button>
                <el-button v-if="detailType=='weihu'" type="primary" size="mini" @click="tjwhjltcc('new')">添加保养记录</el-button>
            </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="maintainRecordTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="maintainRecordTableDate"
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="maintainRecordTime"
                  label="日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintainPlanName"
                  label="计划"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintainRecordPerson"
                  label="保养人"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="maintainRecordRemark"
                  label="内容"
                  min-width="100px">
                </el-table-column>
                <!-- <el-table-column
                  property="status"
                  label="状态"
                  min-width="100px">
                </el-table-column> -->
                <el-table-column
                  label="详情"
                  min-width="70px">
                  <template slot-scope="scope">
                    <!-- <el-button v-if="scope.row.status=='待执行'" size="mini" type="text" @click="tjwhjltcc('new')">执行</el-button> -->
                    <!-- <el-button v-if="scope.row.status=='已执行'" size="mini" type="text" @click="tjwhjltcc('look')">详情</el-button> -->
                    <el-button size="mini" type="text" @click="tjwhjltcc('look')">详情</el-button>
                  </template>
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        
        
        <!-- 检定校准记录 -->
        <div v-if="nowTab=='checkRecord'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  起止日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                      type="daterange"
                      size="mini"
                      range-separator="-"
                      start-placeholder="开始日期"
                      end-placeholder="结束日期">
                    </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  状态
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-select v-model="jiandingjiluzhuangtaiValue" size="mini" placeholder="请选择">
                      <el-option
                        v-for="item in jiandingjiluzhuangtai"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                </div>
            </div>
            <div class="basicRightDistanceA" style="position:absolute;">
                <el-button type="primary" size="mini">搜索</el-button>
                <el-button v-if="detailType=='jianding'" type="primary" size="mini" @click="tjjdcltcc('new')">添加检定校准记录</el-button>
            		<el-button type="primary" style="float:right" size='mini' @click="daochu">导出确认表</el-button>
            </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="checkRecordTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="checkRecordTableDate"
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="checkRecordTime"
                  label="日期"
                  min-width="100px">
                </el-table-column>
                <!-- <el-table-column
                  property="checkPlanName"
                  label="检定校准计划"
                  min-width="100px">
                </el-table-column> -->
                <el-table-column
                  property="checkRecordPerson"
                  label="检定校准人"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="电子报告"
                  min-width="100px">
                  <template slot-scope="scope">
                    <el-button size="mini" type="text">下载</el-button>
                  </template>
                </el-table-column>
                <!-- <el-table-column
                  property="checkRecordResult"
                  label="检定校准结果"
                  min-width="100px">
                  <template slot-scope="scope">
                      <span :class="{'red':scope.row.checkRecordResult!='通过','green':scope.row.checkRecordResult=='通过'}">{{scope.row.checkRecordResult}}</span>
                  </template>
                </el-table-column> -->
               <!--  <el-table-column
                  property="checkRecordRemark"
                  label="检定校准内容"
                  min-width="100px">
                </el-table-column> -->
                <el-table-column
                  property="status"
                  label="状态"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="操作"
                  min-width="70px">
                  <template slot-scope="scope">
                    <!-- <el-button v-if="scope.row.status=='待执行'" size="mini" type="text" @click="tjjdcltcc('new')">执行</el-button> -->
                    <el-button v-if="scope.row.status=='待审批'&&detailType=='hecha'" @click="jiandingshenpiShow=true" size="mini" type="text">审批</el-button>
                    <el-button size="mini" type="text" @click="tjjdcltcc('look')">查看详情</el-button>
                    <!-- <el-button v-if="scope.row.status=='已审批'" size="mini" type="text" @click="tjjdcltcc('look')">查看详情</el-button> -->
                  </template>
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        <!-- 期间核查记录 -->
        <div v-if="nowTab=='periodCheckRecord'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  起止日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                      type="daterange"
                      size="mini"
                      range-separator="-"
                      start-placeholder="开始日期"
                      end-placeholder="结束日期">
                    </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  状态
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-select v-model="jiandingjiluzhuangtaiValue" size="mini" placeholder="请选择">
                      <el-option
                        v-for="item in jiandingjiluzhuangtai"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                </div>
            </div>
            <div class="basicRightDistanceA" style="position:absolute;">
                <el-button type="primary" v-if="detailType=='hecha'" size="mini">下载模板</el-button>
                <el-button type="primary" size="mini">搜索</el-button>
                <el-button v-if="detailType=='hecha'" type="primary" size="mini" @click="qjhcttc('new')">添加期间核查记录</el-button>
            </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="periodCheckRecordTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="periodCheckRecordTableDate"
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="periodCheckRecordTime"
                  label="日期"
                  min-width="100px">
                </el-table-column>
                <!-- <el-table-column
                  property="periodCheckPlanName"
                  label="期间核查计划"
                  min-width="100px">
                </el-table-column> -->
                <el-table-column
                  property="periodCheckRecordPerson"
                  label="核查人"
                  min-width="100px">
                </el-table-column>
                <!-- <el-table-column
                  property="periodCheckRecordResult"
                  label="期间核查结果"
                  min-width="100px">
                  <template slot-scope="scope">
                      <span :class="{'red':scope.row.periodCheckRecordResult!='通过','green':scope.row.periodCheckRecordResult=='通过'}">{{scope.row.periodCheckRecordResult}}</span>
                  </template>
                </el-table-column> -->
                <!-- <el-table-column
                  property="periodCheckRecordRemark"
                  label="期间核查内容"
                  min-width="100px">
                </el-table-column> -->
                <el-table-column
                  label="附件"
                  min-width="70px">
                  <template slot-scope="scope">
                    <el-button type="text" size="mini">下载</el-button>
                  </template>
                </el-table-column>
                <el-table-column
                  property="status"
                  label="状态"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="操作"
                  min-width="100px">
                  <template slot-scope="scope">
                    <!-- <el-button v-if="scope.row.status=='待执行'" size="mini" type="text" @click="qjhcttc('look')">执行</el-button> -->
                    <el-button v-if="scope.row.status=='待审批'&&detailType=='hecha'" size="mini" @click="qjhcshenpiShow=true" type="text">审批</el-button>
                    <el-button v-if="scope.row.status=='未通过'&&detailType=='hecha'" size="mini" type="text" @click="qjhcttc('look')">查看详情</el-button>
                    <!-- <el-button v-if="scope.row.status=='已审批'&&detailType=='hecha'" size="mini" type="text" @click="qjhcttc('look')">查看详情</el-button> -->
                    <el-button size="mini" type="text" @click="qjhcttc('look')">查看详情</el-button>
                  </template>
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        <!-- 能力参数 -->
        <div v-if="false">
          <div class="penalrow selectw100">
            能力参数
          </div>
          <div class="separaterow">
            <el-table
                :data="abilityTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="abilityTableDate"
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="abilityName"
                  label="能力参数"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="typeofAbilityName"
                  label="能力参数组"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="abilityMethod"
                  label="方法名"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="reportName"
                  label="报告显示名"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="mainEquipName"
                  label="主仪器"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="frontEquipName"
                  label="辅助仪器"
                  min-width="100px">
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        <!-- DCU -->
        <div v-if="nowTab=='DCU'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  类型：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  采集文件路径：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
          </div>
           <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  保存文件路径：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  备份文件路径：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
          </div>
           <div class="penalrow selectw100">
            <!--<div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  接口类型：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>-->
            <div class="inlineblock verticalmiddle infoitem">
                <div class="inlineblock verticalmiddle">
                  文件服务器地址：
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-input size="mini" placeholder="请输入内容"></el-input>
                </div>
            </div>
          </div>
        </div>
        <!-- 仪器文档 -->
        <div v-if="nowTab=='eqFile'">
          <div class="penalrow selectw100">
            仪器文档
            <div class="basicRightDistanceA" style="position:absolute;top: 4px">
              <el-button type="primary" size="mini">添加文档</el-button>
            </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="eqFileTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="eqFileTableDate"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="eqFileName"
                  label="名称"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="eqFileUpUser"
                  label="上传人"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="eqFileUpTime"
                  label="上传日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property=""
                  label="附件类型"
                  min-width="100px">
                  <template slot-scope="scope">
                    {{'仪器文档'}}
                  </template>
                </el-table-column>
                <!-- <el-table-column
                  property="eqFileLocation"
                  label="文档目录"
                  min-width="100px"> -->
                </el-table-column>
                <el-table-column
                  label="操作"
                  min-width="100px">
                   <template slot-scope="scope">
                      <el-button type="text" size="mini">查看</el-button>
                      <el-button type="text" size="mini">删除</el-button>
                  </template>
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        <!-- 使用记录 -->
        <div v-if="nowTab=='useRecord'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  开始日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          v-model="batchcreatetimestart"
                          type="date"
                          placeholder="选择起始日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  结束日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          :picker-options="pickerenddatefanwei"
                          v-model="batchcreatetimeend"
                          type="date"
                          placeholder="选择结束日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="basicRightDistanceA" style="position:absolute;">
                <el-button type="primary" size="mini">搜索</el-button>
            </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="useRecordTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="useRecordTableDate"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="useRecordStartTime"
                  label="开机时间"
                  min-width="110px">
                </el-table-column>
                <el-table-column
                  property="useRecordEndTime"
                  label="关机时间"
                  min-width="110px">
                </el-table-column>
                <el-table-column
                  property="useRecordTemperature"
                  label="温度"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="useRecordHumidity"
                  label="湿度"
                  min-width="100px">
                </el-table-column>
                 <el-table-column
                  property="useRecordStatus"
                  label="状况"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="sampleNum"
                  label="样品数量"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="测试批"
                  min-width="100px">
                  <template slot-scope="scope">
                    <el-button type="text" size="mini" @click="zhuisuShow=true">{{11000+scope.$index}}</el-button>
                  </template>
                </el-table-column>
                <el-table-column
                  property="userName"
                  label="使用人"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="操作"
                  fixed="right"
                  min-width="180px"
                  >
                  <template slot-scope="scope">
                    <el-button type="text" size="mini">查看使用检查项</el-button>
                  </template>
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        <!-- 校准曲线 -->
        <div v-if="nowTab=='calibrationCurve'">
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  能力参数
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-select v-model="abilityTableDateValue" placeholder="请选择" size="mini">
                      <el-option
                        v-for="item in abilityTableDate"
                        :key="item.abilityID"
                        :label="item.abilityName"
                        :value="item.abilityID">
                      </el-option>
                    </el-select>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  开始日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          v-model="batchcreatetimestart"
                          type="date"
                          placeholder="选择起始日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  结束日期
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-date-picker
                          size="mini"
                          :editable="datapickereditable"
                          :picker-options="pickerenddatefanwei"
                          v-model="batchcreatetimeend"
                          type="date"
                          placeholder="选择结束日期"
                          style="width:100%;"
                          >
                        </el-date-picker>
                </div>
            </div>
          </div>
          <div class="penalrow selectw100">
            <div class="inlineblock verticalmiddle infoitem" style="width:33%;">
                <div class="inlineblock verticalmiddle">
                  曲线状态
                </div>
                <div class="inlineblock verticalmiddle informationItem">
                    <el-select v-model="enableStatusValue" placeholder="请选择" size="mini">
                      <el-option
                        v-for="item in enableStatus"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                      </el-option>
                    </el-select>
                </div>
            </div>
            <div class="basicRightDistanceA" style="position:absolute;">
                <el-button type="primary" size="mini">搜索</el-button>
              </div>
          </div>
          <div class="separaterow">
            <el-table
                :data="calibrationCurveTableDate"
                style="width: 100%"
                :height="tabDivHeight"
                size="mini"
                border
                key="calibrationCurveTableDate"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="ccTime"
                  label="曲线生产日期"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="ccItems"
                  label="能力参数"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="ccMethod"
                  label="方法"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="ccUppeople"
                  label="人员"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  property="ccStatus"
                  label="曲线状态"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="操作"
                  min-width="200px">
                  <template slot-scope="scope">
                    <el-button type="text" size="mini">详情</el-button>
                    <el-button type="text" size="mini">设置默认</el-button>
                  </template>
                </el-table-column>
            </el-table>
            <div class="block changepages">
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="currentPage"
                :page-sizes="[100, 200, 300, 400]"
                :page-size="100"
                layout="total, sizes, prev, pager, next, jumper"
                :total="400">
              </el-pagination>
            </div>
          </div>
        </div>
        <!-- 仪器使用检查项 -->
        <div v-if="nowTab=='shyongjianchaxiang'">
          <div class="penalrow selectw100">
            使用检查项
            <el-button style="position:absolute;right:20px;top: 5px;" size="mini" type="primary" >添加使用检查项</el-button>
          </div>
          <div class="separaterow">
            <el-table
                :data="shiyongjianchaxiang"
                style="width: 100%"
                size="mini"
                key="shiyongjianchaxiang"
                border
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="maintainPlanName"
                  label="名称"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="操作"
                  fixed="right"
                  min-width="100px"
                  >
                  <template slot-scope="scope">
                    <el-button type="text" size="mini">删除</el-button>
                  </template>
                </el-table-column>
            </el-table>
          </div>
        </div>
        <!-- 使用前检查 -->
        <div v-if="nowTab=='shiyongqianjiancha'">
          <div class="penalrow selectw100">
            使用前检查
            <el-button style="position:absolute;right:20px;top: 5px;" size="mini" type="primary" >添加使用检查项</el-button>
          </div>
          <div class="separaterow">
            <el-table
                :data="shiyongjianchaxiang"
                style="width: 100%"
                size="mini"
                key="shiyongjianchaxiang"
                border
                ref="standardTable"
                >
                <el-table-column
                  label="序号"
                  min-width="50px"
                  >
                  <template slot-scope="scope">
                    {{scope.$index+1}}
                  </template>  
                </el-table-column>
                <el-table-column
                  property="maintainPlanName"
                  label="名称"
                  min-width="100px">
                </el-table-column>
                <el-table-column
                  label="操作"
                  fixed="right"
                  min-width="100px"
                  >
                  <template slot-scope="scope">
                    <el-button type="text" size="mini">删除</el-button>
                  </template>
                </el-table-column>
            </el-table>
          </div>
        </div>
      </div>
    </div>
    <div v-if="baoyangjihuaShow">
      <baoyangjihua :flag="baoyangjihuaFlag"></baoyangjihua>
    </div>
    <div v-if="jiandingjihuaShow">
      <jiandingjihua :flag="jiandingjihuaFlag"></jiandingjihua>
    </div>
    <div v-if="qijianhechajihuaShow">
      <qijianhechajihua :flag="qijianhechajihuaFlag"></qijianhechajihua>
    </div>
    <div v-if="tianjiaweihujiluShow">
      <tianjiaweihujilu :flag="tianjiaweihujiluFlag"></tianjiaweihujilu>
    </div>
    <div v-if="jiandingshenpiShow">
      <jiandingshenpi :flag="jiandingshenpiFlag"></jiandingshenpi>
    </div>
    <div v-if="tianjiajiandingjiluShow">
      <tianjiajiandingjilu :flag="tianjiajiandingjiluFlag"></tianjiajiandingjilu>
    </div>
    <div v-if="qjhcjiluShow">
      <qjhcjilu :flag="qjhcjiluFlag"></qjhcjilu>
    </div>
    <div v-if="qjhcshenpiShow">
      <qjhcshenpi :flag="qjhcshenpiFlag"></qjhcshenpi>
    </div>
    <div v-if="zhuisuShow">
      <zhuisu></zhuisu>
    </div>
    <div v-if="daochuShow">
      <daochu-detail></daochu-detail>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import baoyangjihua from './baoyangjihua.vue'
import jiandingjihua from './jiandingjihua.vue'
import qijianhechajihua from './qijianhechajihua.vue'
import tianjiaweihujilu from './tianjiaweihujilu.vue'
import jiandingshenpi from './jiandingshenpi.vue'
import tianjiajiandingjilu from './tianjiajiandingjilu.vue'
import qjhcjilu from './qjhcjilu.vue'
import qjhcshenpi from './qjhcshenpi.vue'
import zhuisu from '../../../detectionprocess/testmanage/children/shuisu.vue'
const daochuDetail = () => import('./daochuDetail.vue');

export default {
  data () {
    return {
      groupValue:'',
      peopleGroup:[{
            value:'0',
            label:'无机组组长'
          },{
            value:'1',
            label:'有机组组长'
          },{
            value:'2',
            label:'常规组组组长'
          },{
            value:'3',
            label:'微生物组组长'
          },
      ],
      nowTab:'',
      mainEquipTypeValue:'',
      frontEquipTypeValue:'',
      factoryDate:'',
      purchaseDate:'',
      currentPage:1,
      supplierTableDateValue:'',
      daochuShow:'',
      //保养计划列表
      maintainPlanTableDate:[
        {
          maintainPlanID:'252625001',
          maintainPlanName:'周保养',
          maintainPlanStartTime:'2018-01-01',//计划开始时间
          maintainPlanPeriodNum:'1',//周期数
          maintainPlanPeriodUnit:'周',//周期单位
          maintainPlanItems:[
            {
              itemsID:'82738972001',
              itemsName:'维护项A'
            },
            {
              itemsID:'82738972002',
              itemsName:'维护项B'
            }
          ],
          maintainPlanStatus:'草稿'
        },
        {
          maintainPlanID:'252625002',
          maintainPlanName:'月保养',
          maintainPlanStartTime:'2018-01-01',//计划开始时间
          maintainPlanPeriodNum:'1',//周期数
          maintainPlanPeriodUnit:'月',//周期单位
          maintainPlanItems:[
            {
              itemsID:'82738972003',
              itemsName:'维护项C'
            },
            {
              itemsID:'82738972004',
              itemsName:'维护项D'
            }
          ],
          maintainPlanStatus:'启用'
        },
        {
          maintainPlanID:'252625003',
          maintainPlanName:'季度保养',
          maintainPlanStartTime:'2018-01-01',//计划开始时间
          maintainPlanPeriodNum:'3',//周期数
          maintainPlanPeriodUnit:'月',//周期单位
          maintainPlanItems:[
            {
              itemsID:'82738972001',
              itemsName:'维护项A'
            },
            {
              itemsID:'82738972002',
              itemsName:'维护项B'
            },
            {
              itemsID:'82738972003',
              itemsName:'维护项C'
            },
            {
              itemsID:'82738972004',
              itemsName:'维护项D'
            }
          ],
          maintainPlanStatus:'停用'
        }
      ],
      //检定校准计划列表
      checkPlanTableDate:[
        {
          checkPlanID:'252625001',
          checkPlanName:'检定校准计划A',
          checkPlanStartTime:'2018-01-01',//计划开始时间
          checkPlanPeriodNum:'1',//周期数
          checkPlanPeriodUnit:'月',//周期单位
          checkPlanItems:'检定校准要求',
          checkPlanStatus:'草稿'
        },
        {
          checkPlanID:'252625002',
          checkPlanName:'检定校准计划B',
          checkPlanStartTime:'2018-01-01',//计划开始时间
          checkPlanPeriodNum:'1',//周期数
          checkPlanPeriodUnit:'月',//周期单位
          checkPlanItems:'检定校准要求',
          checkPlanStatus:'启用'
        },
        {
          checkPlanID:'252625002',
          checkPlanName:'检定校准计划B',
          checkPlanStartTime:'2018-01-01',//计划开始时间
          checkPlanPeriodNum:'1',//周期数
          checkPlanPeriodUnit:'月',//周期单位
          checkPlanItems:'检定校准要求',
          checkPlanStatus:'停用'
        }
      ],
      //期间核查计划列表
      periodCheckPlanTableDate:[
        {
          periodCheckPlanID:'252625001',
          periodCheckPlanName:'期间核查计划A',
          periodCheckPlanStartTime:'2018-01-01',//计划开始时间
          periodCheckPlanPeriodNum:'1',//周期数
          periodCheckPlanPeriodUnit:'月',//周期单位
          periodCheckPlanItems:'期间核查要求',
          periodCheckPlanStatus:'草稿'
        },
        {
          periodCheckPlanID:'252625002',
          periodCheckPlanName:'期间核查计划B',
          periodCheckPlanStartTime:'2018-01-01',//计划开始时间
          periodCheckPlanPeriodNum:'1',//周期数
          periodCheckPlanPeriodUnit:'月',//周期单位
          periodCheckPlanItems:'期间核查要求',
          periodCheckPlanStatus:'启用'
        },
        {
          periodCheckPlanID:'252625002',
          periodCheckPlanName:'期间核查计划B',
          periodCheckPlanStartTime:'2018-01-01',//计划开始时间
          periodCheckPlanPeriodNum:'1',//周期数
          periodCheckPlanPeriodUnit:'月',//周期单位
          periodCheckPlanItems:'期间核查要求',
          periodCheckPlanStatus:'停用'
        }
      ],
      //维修记录
      maintenanceRecordTableDate:[
        {
          yiqiName:'仪器1',
          yiqicode:'001',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
          yiqiName:'仪器2',
          yiqicode:'002',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
          yiqiName:'仪器3',
          yiqicode:'003',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
          yiqiName:'仪器4',
          yiqicode:'004',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
          yiqiName:'仪器4',
          yiqicode:'004',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
          yiqiName:'仪器4',
          yiqicode:'004',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
          yiqiName:'仪器4',
          yiqicode:'004',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        },
        {
           yiqiName:'仪器4',
          yiqicode:'004',
          maintenanceRecordTime:'2018-01-01',
          maintenanceRecordPerson:'仪器管理员A',
          maintenanceRecordRemark:'维修详情'
        }
      ],
      //维护记录
      maintainRecordTableDate:[
        {
          maintainRecordTime:'2018-01-01',
          maintainPlanName:'维护计划A',
          maintainRecordPerson:'仪器管理员A',
          maintainRecordRemark:'维护项一、维护项二、维护项三',
          status:'待执行'
        },
        {
          maintainRecordTime:'2018-01-01',
          maintainPlanName:'维护计划A',
          maintainRecordPerson:'仪器管理员A',
          maintainRecordRemark:'维护项一、维护项二、维护项三',
          status:'待执行'
        },
        {
          maintainRecordTime:'2018-01-01',
          maintainPlanName:'维护计划A',
          maintainRecordPerson:'仪器管理员A',
          maintainRecordRemark:'维护项一、维护项二、维护项三',
          status:'已执行'
        },
        {
          maintainRecordTime:'2018-01-01',
          maintainPlanName:'维护计划A',
          maintainRecordPerson:'仪器管理员A',
          maintainRecordRemark:'维护项一、维护项二、维护项三',
          status:'已执行'
        },
        {
          maintainRecordTime:'2018-01-01',
          maintainPlanName:'维护计划A',
          maintainRecordPerson:'仪器管理员A',
          maintainRecordRemark:'维护项一、维护项二、维护项三',
          status:'已执行'
        },
      ],
      //检定校准记录
      checkRecordTableDate:[
        {
          checkRecordTime:'2018-01-01',
          checkPlanName:'检定校准计划A',
          checkRecordPerson:'仪器管理员A',
          checkRecordResult:'通过',//检定校准结果
          checkRecordRemark:'检定校准详情',
          status:'已审批'
        },
        {
          checkRecordTime:'2018-01-01',
          checkPlanName:'检定校准计划A',
          checkRecordPerson:'仪器管理员A',
          checkRecordResult:'通过',//检定校准结果
          checkRecordRemark:'检定校准详情',
          status:'待审批'
        },
        {
          checkRecordTime:'2018-01-01',
          checkPlanName:'检定校准计划A',
          checkRecordPerson:'仪器管理员A',
          checkRecordResult:'通过',//检定校准结果
          checkRecordRemark:'检定校准详情',
          status:'未通过'
        }
      ],
      //期间核查记录
      periodCheckRecordTableDate:[
        {
          periodCheckRecordTime:'2018-01-01',
          periodCheckPlanName:'期间核查计划A',
          periodCheckRecordPerson:'仪器管理员A',
          periodCheckRecordResult:'通过',//期间核查结果
          periodCheckRecordRemark:'期间核查详情',
          status:'已审批'
        },
        {
          periodCheckRecordTime:'2018-01-01',
          periodCheckPlanName:'期间核查计划A',
          periodCheckRecordPerson:'仪器管理员A',
          periodCheckRecordResult:'通过',//期间核查结果
          periodCheckRecordRemark:'期间核查详情',
          status:'待审批'
        },
        {
          periodCheckRecordTime:'2018-01-01',
          periodCheckPlanName:'期间核查计划A',
          periodCheckRecordPerson:'仪器管理员A',
          periodCheckRecordResult:'异常',//期间核查结果
          periodCheckRecordRemark:'期间核查详情',
          status:'未通过'
        }
      ],
      //仪器文档列表
      eqFileTableDate:[
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        },
        {
          eqFileID:'',
          eqFileName:'仪器使用说明',
          eqFileUpUser:'仪器管理员A',//上传人
          eqFileUpTime:'2018-01-01',//上传时间
          eqFileLocation:'/eqFile',//所在目录
        }
      ],
      //仪器使用记录
      useRecordTableDate:[
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        },
        {
          useRecordID:'',
          useRecordTemperature:'22℃',//温度
          useRecordHumidity:'52%',//湿度
          useRecordStatus:'良好',//状况
          sampleNum:'15',//样品数量
          userName:'检测员A',//使用人
          useRecordStartTime:'2018-01-01 09：00',//使用开始时间
          useRecordEndTime:'2018-01-01 10：00'//使用结束时间
        }
      ],
      //校准曲线
      calibrationCurveTableDate:[
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'使用中'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      },
	      {
	        ccID:'',
	        ccTime:'2018-01-01',
	        ccItems:'氨氮',
	        ccMethod:'纳氏试剂法',
	        ccUppeople:'检测员A',
	        ccStatus:'未使用'
	      }
      ],
      yesornoValue:'',
      frontCheckItems:[
        {
          frontCheckItemsID:'',
          frontCheckItemsName:'检查项一',
        }
      ],
      abilityTableDateValue:'',
      batchcreatetimestart:'',
      batchcreatetimeend:'',
      //截止日期可选范围
      pickerenddatefanwei:{
        disabledDate:function(time) {
            let timeSpace = time.getTime() < new Date((that.batchcreatetimestart?that.batchcreatetimestart:'1970-01-01')).getTime();
            return timeSpace;
        }
      },
      datapickereditable:false,
      zhufuyiqi:[
        {
          value:'001',
          label:'色谱仪'
        },
        {
          value:'002',
          label:'量筒'
        }
      ],
      yiqiname:'',
      shiyongjianchaxiang:[
        {
          maintainPlanName:'使用检查项1'
        },
        {
          maintainPlanName:'使用检查项2'
        },
        {
          maintainPlanName:'使用检查项3'
        },
        {
          maintainPlanName:'使用检查项4'
        },
        {
          maintainPlanName:'使用检查项5'
        }
      ],
      baoyangjihuaShow:false,
      baoyangjihuaFlag:'',
      jiandingjihuaShow:false,
      jiandingjihuaFlag:'',
      qijianhechajihuaShow:false,
      qijianhechajihuaFlag:'',
      tianjiaweihujiluShow:false,
      tianjiaweihujiluFlag:'',
      jiandingshenpiShow:false,
      jiandingshenpiFlag:'',
      tianjiajiandingjiluShow:false,
      tianjiajiandingjiluFlag:'',
      jiandingjiluzhuangtai:[
          {
            label:'待执行',
            value:'000'
          },
          {
            label:'待审批',
            value:'001'
          },
          {
            label:'未通过',
            value:'002'
          },
          {
            label:'已审批',
            value:'003'
          }
      ],
      jiandingjiluzhuangtaiValue:'',
      qjhcjiluShow:false,
      qjhcjiluFlag:'',
      qjhcshenpiShow:false,
      qjhcshenpiFlag:'',
      zhuisuShow:false,
    }
  },
  watch:{
    //当开始日期改变时，改变结束日期不可选日期部分
    batchcreatetimestart:function(val){
        if(this.batchcreatetimeend){
          if(this.batchcreatetimestart>this.batchcreatetimeend){
            this.batchcreatetimeend = this.batchcreatetimestart;
          }else{
            this.batchcreatetimeend = new Date(this.batchcreatetimeend);
          }
        }else{
          if(this.batchcreatetimeend == null){
            this.batchcreatetimeend = '';
          }else{
            this.batchcreatetimeend = null;
          }
        }
    },
  },
  components:{
    baoyangjihua,jiandingjihua,qijianhechajihua,tianjiaweihujilu,jiandingshenpi,tianjiajiandingjilu,qjhcjilu,qjhcshenpi,zhuisu,daochuDetail
  },
  props:['eqType','eqEditOrNew','detailType'],
  computed:{
    ...mapState(['enableStatus','mainEquipType','frontEquipType','supplierTableDate','tableHeightD','tableHeightE','abilityTableDate','yesorno']),
    pointTableHeight(){
      return (((window.innerHeight - 190)*0.3)-40)
    },
    pickSampleTaskHeight(){
      return (((window.innerHeight - 190)*0.3)-40)
    },
    testTableHeight(){
      return (((window.innerHeight - 190)*0.4)-40)
    },
    tabDivMinHeight(){
      return (window.innerHeight - 560)
    },
    tabDivHeight(){
      return (window.innerHeight - 460)
    }
  },
  mounted(){
      if(this.detailType=='basic'){
        this.nowTab = 'basicInfo';
      }
      if(this.detailType=='cycle'){
        this.nowTab = 'maintainRecord';
      }
      if(this.detailType=='curve'){
        this.nowTab = 'calibrationCurve';
      }
      if(this.detailType=='useRecord'){
        this.nowTab = 'useRecord';
      }
      if(this.detailType=='weihu'){
        this.nowTab='maintainRecord'
      }
      if(this.detailType=='weixiu'){
        this.nowTab='maintenanceRecord'
      }
      if(this.detailType=='jianding'){
        this.nowTab='checkRecord'
      }
      if(this.detailType=='hecha'){
        this.nowTab='periodCheckRecord'
      }
      if(this.detailType=='mostBasic'){
        this.nowTab='basicInfo'
      }
  },
  methods:{
  	daochu(){
    	this.daochuShow=true;
   },
  	newTask(){
  		this.$parent.eqDetailShow=false;
  	},
  	close(){
  		this.$parent.eqDetailShow=false;
  	},
    handleSizeChange(){

    },
    handleCurrentChange(){

    },
    handleSelectionChange(val) {
//     this.multipleSelection = val;
    },
    editMaintainPlan(){

    },
    editCheckPlan(){

    },
    editPeriodCheckPlan(){

    },
    changeMaintainPlanStatus(){
      //改变维护计划状态
    },
    changeCheckPlanStatus(){
      //改变检定校准计划状态
    },
    changePeriodChecPlanStatus(){
      //改变期间校核计划状态
    },
    tianjiabaoyangjihua(flag){
      this.baoyangjihuaShow=true;
      this.baoyangjihuaFlag=flag;
    },
    tianjiajiandingjihua(flag){
      this.jiandingjihuaShow=true;
      this.jiandingjihuaFlag=flag;
    },
    qijianhechajihua(flag){
      this.qijianhechajihuaShow=true;
      this.qijianhechajihuaFlag=flag;
    },
    tjwhjltcc(flag){
      this.tianjiaweihujiluShow=true;
      this.tianjiaweihujiluFlag=flag;
    },
    tjjdcltcc(flag){
      this.tianjiajiandingjiluShow=true;
      this.tianjiajiandingjiluFlag=flag;
    },
    qjhcttc(flag){
      this.qjhcjiluShow=true;
      this.qjhcjiluFlag=flag;
    },
    addRecord(){
      this.$parent.addRecordShow = true;
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .twoStageWindowTitle{
      position: static;
  }
.tabName{
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #a9a9a9;
}
.activeTab{
  color: #409eff;
}
.tabPageContent{

}
.infoitem {
    width: calc(100%/2);
    padding-right: 20px;
}
.separaterow{
  margin-top: 5px;
}
.informationItem {
    width: calc(100% - 113px);
    float: right;
}
</style>
